<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=750,maximum-scale=1.0,user-scalable=no">
	<title>修改昵称</title>
	<link rel="stylesheet" href="css/information.css">
	<link rel="stylesheet" href="css/public.css">
	<script type="text/javascript">
		(function (doc, win) {
		    var docEl = doc.documentElement,
		        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		        recalc = function () {
		            var clientWidth = docEl.clientWidth;
		            if (!clientWidth) return;
		            if (clientWidth>=720) {
		            	 // docEl.style.fontSize ='100px';
		            }else{
		            	docEl.style.fontSize = 100 * (clientWidth / 720) + 'px';
		            } 
		        };
		    // Abort if browser does not support addEventListener
		    if (!doc.addEventListener) return;
		    win.addEventListener(resizeEvt, recalc, false);
		    doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);
	</script>
</head>
<body>
		<div class="content">
			<div class="head">
				<header class="header">
					<a href="information.html"><button>back</button></a>
					<p class="text">修改昵称</p>
					<p class="preservation"><a href="#">保存</a></p>
					<div class="clear"></div>
				</header>
			</div>
			<div class="nick-name">
				<h2>昵称</h2>
				<input class="input-text" name='text' value="selie" type="text">
				<a href="#" class="X-img"><img class="X-img" src="images/X.jpg" alt=""></a>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script>
    $(document).ready(function(){
		$(function(){
			$(".X-img").click(function() {
			    $("input[name='text']").val("").focus(); // 清空并获得焦点
    });
})
    });
</script>
</body>
</html>